<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script src="js/DIN_1451_Mittelschrift_DB_400.font.js" type="text/javascript"></script>
<script src="js/Futuris_400.font.js" type="text/javascript"></script>
<script src="js/Myriad_Pro_400.font.js" type="text/javascript"></script>
<script src="js/Myriad_Pro_italic_300.font.js" type="text/javascript"></script>
</head>

<body id="page5">
	<div id="main">
		<!--header -->
		<div id="header">
			<a href="#" class="twitter"><img src="images/twitter.jpg" alt=""/></a>
			<div class="wrapper">
				<div class="logo">	
				<div class="right">
					<ul>
						<li><a href="#">Support</a></li>
						<li><a href="#">SiteMap</a></li>
						<li><a href="#">RSS </a></li>
					</ul>
				</div>			
				<a href="index.html"><img src="images/logo.jpg" alt=""/></a>				
			</div>    </div>
			<ul class="menu">
				<li><a href="index.html">Home</a>/ </li>
				<li><a href="index-1.html">History</a>/ </li>
				<li><a href="index-2.html">Admission</a>/ </li>
				<li><a href="index-3.html">Programs</a>/ </li>
				<li><a href="index-4.html" class="active">Staff</a>/ </li>
				<li><a href="index-5.html">Forum</a>/ </li>
				<li><a href="index-6.html">Photos</a>/ </li>
				<li><a href="index-7.html">Contact us</a></li>
			</ul>
			<div class="slogan">
				<h1>Developing your </h1>
				<h1><span>strong points</span></h1>
				<p>A place where pebbles are polished<br/> and diamonds are dimmed</p>
				<a href="#" class="link">our special programs</a>
			</div>
		</div>
		<!--header end-->
		<div id="content">
			<div class="row1">
				<h2>Our staff</h2>
				<div class="wrapper banners">
					<div class="col1">
						<img src="images/page5_img1.jpg" alt=""/>
						<p>Lorem ipsum dolor sit amet, consectuer adipiscing elit. Praesent vestibulum molestie lacus.Aenean nonummy hen
drerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque </p>
				<a href="#" class="link">read more</a>
					</div>
					<div class="col2">
						<img src="images/page5_img2.jpg" alt=""/>
						<p>Praesent vestibulum lestielacus.Aenean nonummy hendrerit auris. Phasellus ta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis partu
rient montes, nascetur ridiculus mus. </p>
				<a href="#" class="link">read more</a>
					</div>
					<div class="col3">
						<img src="images/page5_img3.jpg" alt=""/>
						<p>Aenean nonummy hendrerit mauris. Pha
sellus porta. Fusce suscipit varius mi. Um sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fuscgiat .</p>
				<a href="#" class="link">read more</a>
					</div>
					<div class="col4">
						<img src="images/page5_img4.jpg" alt=""/>
						<p>Cum sociis natoque penatibus et agnis dis parturient montes, nascetur ridiculus mus. Nulla dui malesuada odio.Morbi unc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac </p>
				<a href="#" class="link">read more</a>
					</div>
				</div>
				
			</div>
			<div class="row2">
				<div class="wrapper">
					<div class="col1">
						<h2>Staff profile</h2>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molesti ene<br />
										an nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi cum sociis natoq<br />
										ue penatibus etmagnis dis parturient montes nascetur ridiculus mus.</p>
						<div class="wrapper">
							<ul class="left">
								<li><a href="#">Praesent vestibulum molestie enean</a></li> 
								<li><a href="#">Nonummy hendrerit mauris phasellus</a></li> 
								<li><a href="#">Porta fuscemet suscipit varius micum</a></li>
							</ul>
							<ul class="right">
								<li><a href="#">Porta fuscemet suscipit varius micum </a></li>
								<li><a href="#">Sociisen natoque penatibus etmagnis</a></li>
								<li><a href="#">Dis parturient montes nascetur ridiculu </a></li>
							</ul>
						</div>
				<p class="links"><a href="#" class="link">read more</a></p>
					</div>
					<div class="col2">
						<h2>The best of professionals</h2>
						<p><span>Lorem ipsum dolor sit amet</span> consectetuer adipiscin elit praesent vestibulum molestie enean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius micum sociis natoque penatibus et magnis dis.</p>

<p><span>Parturient montes nascetur</span> ridiculus musnulla duiuscgiat malesuada odio. Morbi nunc odio gravida at cursus nec luctus a lorem maecenas tristique orci ac sem duis ultricies pharetra magna donec accumsan malesuada orcionec sit amet eros. Lorem ipsum dolor sit amet consectetuer.</p>
				<p class="links"><a href="#" class="link">read more</a></p>
					</div>
				</div>
			</div>						
		</div>
		<!--footer -->
		<div id="footer">
			<div class="right">
				<h6>Contact information</h6>
				<p>Telephone / Fax: (000) 123-4567<br/>Location: New York, NY 10000</p>
			</div>
			<ul class="menu">
				<li class="first"><a href="index.html" class="active">Home</a>/ </li>
				<li><a href="index-1.html">History</a>/ </li>
				<li><a href="index-2.html">Admission</a>/ </li>
				<li><a href="index-3.html">Programs</a>/ </li>
				<li><a href="index-4.html">Staff</a>/ </li>
				<li><a href="index-5.html">Forum</a>/ </li>
				<li><a href="index-6.html">Photos</a>/ </li>
				<li><a href="index-7.html">Contact us</a></li>
			</ul>
			<span>College page</span>   &copy; 2010&nbsp;  |  &nbsp;<a href="index-8.html">Privacy policy</a>
		</div>
		<!--footer end-->
	</div>
   <script type="text/javascript"> Cufon.now(); </script>
</body>

</html>